<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>404财富管家</title>
<meta name="keywords" content="财富管家" />
<meta name="description" content="财富管家" />
<link rel="shortcut icon" th:href="@{/images/littlelogo.png}">
<link rel="icon" th:href="@{/favicon.ico}" mce_href="/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" th:href="@{/css/style.css}"/>
<link rel="stylesheet" th:href="@{/css/page.css}"/>
<link rel="stylesheet" th:href="@{css/date.css}" />
<link th:href="@{css/iconfont/RjdaoIcon.css}" rel="stylesheet" type="text/css">
<link th:href="@{/css/layui/css/layui.css}" rel="stylesheet" />
<link th:href="@{/css/layui/css/modules/laydate/default/laydate.css}" rel="stylesheet" />
<script type="text/javascript" th:src="@{/js/jquery-3.2.1.min.js}"></script>
	<!-- import CSS -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
	<!-- import Vue before Element -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
	<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://unpkg.com/wangeditor/release/wangEditor.min.js"></script>
</head>

<body style="background-color:#f0f0f0;">

<!----header s---->
<div class="topnav">
	<div class="mainw w">
		<div class="l-txt">欢迎致电：400-1234-123 &nbsp;&nbsp; 服务时间：08:30-17:30（工作日）</div>

		<a th:href="@{/information/xinxi2}" class="dh">帮助中心</a>
		<a th:href="@{/information/xinxi3}" class="dh">新手指引</a>

	</div>
</div>

<header>
	<div class="hmain w">
      <a href="index.html" class="logo"><img th:src="@{/images/logo.png}"></a>
		<a th:href="@{/register}" class="topbut">注册</a>
		<a th:href="@{/login}" class="topbut-cur">登录</a>
		<a th:href="@{/logout}" class="ubut">退出</a>
		<a th:href="@{/userCenter/index}" class="ubut" style="padding:0 15px;">个人中心<span><dl th:if="${session.user!=null}" th:text="${session.user.balance}"></dl></span></a>
		<nav>
			<a th:href="@{/index}" >首页</a>
			<a th:href="@{/invest/list}">我要投资</a>
			<a th:href="@{/borrowCenter/index}">我要借贷</a>
			<a th:href="@{/zhongchou/list}" class="cur">众筹中心</a>
			<a th:href="@{/information/xinxi1}">信息披露</a>
		</nav>
    </div>
</header>
<!----header e---->

<!--body s-->

<div class="invest-banner w">
	<img th:src="@{/images/aixinzc.jpg}">
</div>
<form th:action="@{/zhongchou/save}" method="post" enctype="multipart/form-data">
	<div class="invest-title"  ><dl></dl><span class="tx" style="color: #303133;font-family: 'Hiragino Sans GB' ">众筹项目申请</span><dl></dl></div>
		<div class="invest-list" >
			<!--<div class="xm-flow" style="padding-top:30px;">
		    	<i class="icon-0348" style="color: red;"></i>
		        
			</div>-->
		   <!-- <div class="xm-flow-txt">
		    	<span style="font-size: 26px; color: #303133;font-family: 'Hiragino Sans GB'">申&nbsp;请&nbsp;众&nbsp;筹</span>
		    </div>
			<div style="text-align: center; margin-top: 30px;width:300px;margin-left:40px;">
			<div id="id1"style="width: 250px; margin-left: 60px;">
				<span style="font-size: 26px; color: #303133;font-family: 'Hiragino Sans GB'">众筹封面图</span>
				<el-upload name="img1" :before-upload="beforeUpload" :action="UploadUrl1()"
						   :limit="1"
						   :auto-upload="false" ref="upload1" list-type="picture-card" :on-change="onChange1" :file-list="fileList1"
						   :on-preview="handlePictureCardPreview" :on-remove="handleRemove">
					<i class="el-icon-plus"></i>
				</el-upload>

				<el-dialog :visible.sync="dialogVisible">
					<img width="100%" :src="dialogImageUrl" alt="">
				</el-dialog>
			</div>
	    

		    	<div style="margin-top: 15px;margin-left: 40px;width:300px;">
				    <span style="font-size: 20px;color: #303133;font-family: 'Hiragino Sans GB'">众筹项目名称：</span><input type="text" name="projectname" style="height: 30px; width: 200px;" autocomplete="off"/><br />
		    	</div>

				<div style="margin-top: 15px;margin-left: 40px;width:300px;">
					<span style="font-size: 20px;color: #303133;font-family: 'Hiragino Sans GB'">众筹金额：</span><input type="text" name="money" style="height: 30px; width: 200px;" autocomplete="off"/><br />
				</div>
	    	
	    	
		    	<div style="margin-top: 15px;margin-left: 40px;width:300px;">
				    <span style="font-size: 20px;color: #303133;font-family: 'Hiragino Sans GB'">众筹项目受众：</span><input type="text" name="faceto" style="height: 30px; width: 200px;" autocomplete="off"/><br />
		    	</div>
		    	
	    	    	
			    <div style="margin-top: 15px;margin-left: 40px;width:300px;">
				    <span style="font-size: 20px;color: #303133;font-family: 'Hiragino Sans GB'">众筹项目发起时间：</span><input type="date" name="starttime" style="height: 30px;width: 200px;" autocomplete="off"/><br />
		    	</div>
		    	
		    	<div style="margin-top: 15px;margin-left: 40px;width:300px;">
				    <span style="font-size: 20px;color: #303133;font-family: 'Hiragino Sans GB'">众筹项目结束时间：</span><input type="date" name="endtime" style="height: 30px;width: 200px;" autocomplete="off"/><br />
		    	</div>
	    	
		    	<div style="margin-top: 15px;margin-left: 40px;width:300px;">
				    <span style="font-size: 20px;color: #303133;font-family: 'Hiragino Sans GB'">众筹项目详细描述：</span>
					<textarea name="projectabstract" style="resize:none;height: 30px;width: 200px;" autocomplete="off"></textarea><br />
		    	</div>
				<div style="float:left;margin-top: -630px;margin-left: 330px;width:800px;height:600px;">
					<span style="font-size: 20px;color: #303133;font-family: 'Hiragino Sans GB'">众筹 富文本编辑：</span>
				<div id="editor">

					<input type="hidden" id="edit" name="edit"/>
				</div>
				</div>

	    	</div>
		<input class="liubut" onclick="getContent()" type="submit" value="提交申请" pronum="2" style="margin:60px auto 40px auto;" href="zhongchou_from2.html" />
-->
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label">众筹封面图</label>
                    <div class="layui-input-block">
                        <div id="id1">
                            <el-upload name="img1" :before-upload="beforeUpload" :action="UploadUrl1()"
                                       :limit="1"
                                       :auto-upload="false" ref="upload1" list-type="picture-card" :on-change="onChange1" :file-list="fileList1"
                                       :on-preview="handlePictureCardPreview" :on-remove="handleRemove">
                                <i class="el-icon-plus"></i>
                            </el-upload>

                            <el-dialog :visible.sync="dialogVisible">
                                <img width="100%" :src="dialogImageUrl" alt="">
                            </el-dialog>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">众筹项目名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="projectname" required  lay-verify="required" placeholder="众筹项目名称" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">众筹金额</label>
                    <div class="layui-input-block">
                        <input type="text" name="money" required  lay-verify="required" placeholder="众筹金额" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">众筹项目受众</label>
                    <div class="layui-input-block">
                        <input type="text" name="faceto" required  lay-verify="required" placeholder="众筹项目受众" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">众筹项目发起时间</label>
                    <div class="layui-input-block">
                        <input type="text" id="starttime" name="starttime" required  lay-verify="required" placeholder="众筹项目发起时间" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">众筹项目结束时间</label>
                    <div class="layui-input-block">
                        <input type="text" id="endtime" name="endtime" required  lay-verify="required" placeholder="众筹项目结束时间" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">众筹项目简述</label>
                    <div class="layui-input-block">
                        <textarea name="projectabstract" placeholder="众筹项目简述" class="layui-textarea"></textarea>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">众筹项目详细描述</label>
                    <div class="layui-input-block">
                            <div id="editor">
                                <input type="hidden" id="edit" name="edit"/>
                            </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" onclick="getContent()" lay-submit lay-filter="formDemo">立即提交</button>
                        <button type="reset"  class="layui-btn layui-btn-primary">重置</button>
                    </div>
                </div>
            </form>
</div>
</form>

<!--body e-->


<!---客服代码 S--->
<div class="suspension">
	<div class="suspension-box">
		<a href="#" class="a a-service "><i class="i"></i></a>
		<a href="javascript:;" class="a a-service-phone "><i class="i"></i></a>
		<a href="javascript:;" class="a a-qrcode"><i class="i"></i></a>
		<a href="javascript:;" class="a a-top"><i class="i"></i></a>
		<div class="d d-service">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="d-service-item clearfix">
					<a href="http://wpa.qq.com/msgrd?v=3&uin={$WEB.qq}&site=qq&menu=yes" class="clearfix"><span class="circle"><i class="i-qq"></i></span><h3>咨询在线客服</h3></a>
				</div>
			</div>
		</div>
		<div class="d d-service-phone">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="d-service-item clearfix">
					<span class="circle"><i class="i-tel"></i></span>
					<div class="text">
						<p>服务热线</p>
						<p class="red number">400-1234-123</p>
					</div>
				</div>
				<div class="d-service-intro clearfix">
					
				</div>
			</div>
		</div>
		<div class="d d-qrcode">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="qrcode-img"><img th:src="@{/images/gzh.jpg}" alt=""></div>
				<p>微信服务号</p>
			</div>
		</div>

	</div>
</div>

<!---footer s--->
<footer>
	<div class="fmain w">
    	<div class="fm-top">
        	<div class="left">
            
            	<div class="ilist">
                	<h1>联系我们</h1>
                    <div class="t">客服电话</div>
                    <div class="tel">400-1234-123</div>
                    <div class="t">邮箱：quanminsat@163.com</div>
                </div>

				<div class="ilist">
					<h1>关于我们</h1>
					<a th:href="@{/information/jianjie}">公司简介</a>
					<a th:href="@{/information/gonggao}">最新公告</a>
					<a th:href="@{/information/join_us}">加入我们</a>
				</div>
            </div>
            <div class="right">
            	<div class="ewm" style="margin-left:20px;"><img th:src="@{/images/gzh.jpg}"><span>关注公众号</span></div>
            </div>
        </div>
          <div class="fm-bot" style="text-align: center;">
        	<span>&copy; 2018 &nbsp;全民科技有限公司 &nbsp;京ICP备：123456789号 </span>
        	<br />
            <dl>市场有风险 投资需谨慎</dl>
        </div>
    </div>
</footer>
<!---footer e--->
<script type="text/javascript" th:src="@{/js/layui.js}"></script>
<script>
    var E = window.wangEditor
    var editor = new E('#editor');
   /* editor.width('800px');
    editor.height('570px');*/
    // 或者 var editor = new E( document.getElementById('editor') )
    editor.customConfig.uploadImgShowBase64=true
    editor.customConfig.uploadImgTimeout = 5000000;
    editor.create()

    function getContent(){

        var text = editor.txt.html();
    document.getElementById("edit").value = text;

    }

</script>
<script>
	new Vue({
		el:"#id1",
		data:{
            dialogImageUrl: '',
            dialogVisible: false
		},
		methods:{
            handleRemove(file, fileList) {
                console.log(file, fileList);

            },
            onChange1(file, fileList){
                this.fileList1=fileList;
                console.log(this.fileList1)
            },
            handlePictureCardPreview(file) {
                console.log("handlePictureCardPreview")
                this.dialogImageUrl = file.url;
                console.log(file.url);
                this.dialogVisible = true;
            },
            beforeUpload(file){


                return true;
            },
            submitUpload() {

                this.$refs.upload1.submit();
            },
            UploadUrl1:function(){
                return "http://localhost:9000/cms/zhongchou/img";
            }


		}
	})
</script>


<script type="text/javascript">
$(document).ready(function(){

	/* ----- 侧边悬浮 ---- */
	$(document).on("mouseenter", ".suspension .a", function(){
		var _this = $(this);
		var s = $(".suspension");
		var isService = _this.hasClass("a-service");
		var isServicePhone = _this.hasClass("a-service-phone");
		var isQrcode = _this.hasClass("a-qrcode");
		if(isService){ s.find(".d-service").show().siblings(".d").hide();}
		if(isServicePhone){ s.find(".d-service-phone").show().siblings(".d").hide();}
		if(isQrcode){ s.find(".d-qrcode").show().siblings(".d").hide();}
	});
	$(document).on("mouseleave", ".suspension, .suspension .a-top", function(){
		$(".suspension").find(".d").hide();
	});
	$(document).on("mouseenter", ".suspension .a-top", function(){
		$(".suspension").find(".d").hide(); 
	});
	$(document).on("click", ".suspension .a-top", function(){
		$("html,body").animate({scrollTop: 0});
	});
	$(window).scroll(function(){
		var st = $(document).scrollTop();
		var $top = $(".suspension .a-top");
		if(st > 400){
			$top.css({display: 'block'});
		}else{
			if ($top.is(":visible")) {
				$top.hide();
			}
		}
	});
	
});	
</script>
<!---客服代码 E--->
</body>
<script th:inline="javascript">
    var user=[[${session.user}]];
    if(user==null){
        document.getElementsByClassName("topbut")[0].style.display=""
        document.getElementsByClassName("topbut-cur")[0].style.display=""
        document.getElementsByClassName("ubut")[0].style.display="none"
        document.getElementsByClassName("ubut")[1].style.display="none"
    }else {
        document.getElementsByClassName("ubut")[0].style.display="display"
        document.getElementsByClassName("ubut")[1].style.display="display"
        document.getElementsByClassName("topbut")[0].style.display="none"
        document.getElementsByClassName("topbut-cur")[0].style.display="none"
    }
</script>
<script type="text/javascript">
    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#starttime' //指定元素

        });
        laydate.render({
            elem: '#endtime' //指定元素

        });
    });
</script>
</html>
